@charset "utf-8"; /* 鍚嶇О锛歅C绔 public.css 妯℃澘 鏃ユ湡锛?015.11.30 鏇存柊锛?015.12.22 */ /* html{ filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); } */ body { font-family: "Microsoft Yahei", "SimSun", arial, sans-serif; font-size: 14px; line-height: 24px; } body, h1, h2, h3, ul, dl, dd, p { margin: 0; padding: 0; } button, select, input[type='checkbox'], input[type='radio'] { cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } img { border: 0; outline: none; vertical-align: top; } li { list-style: none; } select, a, button { outline: none; } /* 瀹瑰櫒 */ .container-full { width: 100%; } .container { margin: 0 auto; } .pagewidth{ width:1190px; } /* 瀵归綈 */ .pull-left { float: left !important; } .pull-right { float: right !important; } /* clearfix */ .clearfix:before, .clearfix:after { content: " "; display: table; } .clearfix:after { clear: both; } /* 鏄剧ず/闅愯棌 */ .show { display: block; } .hide { display: none; } /* 閾炬帴 */ a { text-decoration: none; color: #666; outline: none; } a:hover { text-decoration: none; color: #ef2f39; } /* 鏂囧瓧 */ .text-left { text-align: left !important; } .text-center { text-align: center !important; } .text-right { text-align: right !important; } .text-justify { text-align: justify !important; } .fs12 { font-size: 12px !important; } .fs14 { font-size: 14px !important; } .fs16 { font-size: 16px !important; } .fs18 { font-size: 18px !important; } .fs24 { font-size: 24px !important; } .bold { font-weight: bolder !important; } .fc333 { color: #333 !important; } .fc666 { color: #666 !important; } .fc999 { color: #999 !important; } .text-ellipsis { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .text-ellipsis-2{ overflow:hidden; text-overflow: ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; } /* 闂磋窛 */ .mTop10 { margin-top: 10px !important; } .mTop15 { margin-top: 15px !important; } .mTop20 { margin-top: 20px !important; } .mTop35 { margin-top: 35px !important; } .padded-10 { padding: 10px !important; } .padded-15 { padding: 15px !important; } .padded-20 { padding: 20px !important; } .padded-30 { padding: 30px !important; } .padded-0-10 { padding-left: 10px !important; padding-right: 10px !important; } .padded-0-15 { padding-left: 15px !important; padding-right: 15px !important; } .padded-0-20 { padding-left: 20px !important; padding-right: 20px !important; } .padded-0-30 { padding-left: 30px !important; padding-right: 30px !important; } .padded-10-0 { padding-top: 10px !important; padding-bottom: 10px !important; } .padded-15-0 { padding-top: 15px !important; padding-bottom: 15px !important; } .padded-20-0 { padding-top: 20px !important; padding-bottom: 20px !important; } .padded-30-0 { padding-top: 30px !important; padding-bottom: 30px !important; } /* 鎸夐挳 */ .btn { width: 140px; height: 40px; display: block; font-size: 14px; line-height: 40px; background-color: #ccc; color: #333; text-align: center; border: 0; vertical-align: middle; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .btn:hover { background-color: #d0d0d0; color: #666; } .btn-radius { border-radius: 6px; } /* 琛ㄥ崟 */ /*input, select, textarea { border: 1px solid #ccc; box-sizing: border-box; }*/ /*input[type="text"], input[type="password"], input[type="email"], input[type="number"], input[type="tel"], textarea { padding: 5px; box-shadow: inset 0 0 3px #ccc; }*/ /*input[type="checkbox"] { border: 1px solid #ccc; width: 12px; height: 12px; display: inline-block; vertical-align: middle; }*/ textarea { resize: none; } label { min-width: 80px; margin-right: 5px; display: inline-block; text-align: right; color: #666; vertical-align: top; } .form-head { margin-bottom: 20px; font-size: 16px; color: #999; font-weight: bolder; } /*.input-row { margin-bottom: 15px; } .input-row select, .input-row input[type="checkbox"], .input-row input[type="radio"] { width: auto; display: inline-block; } .input-tips { margin-left: 20px; display: inline-block; vertical-align: top; }*/ label .must { margin-right: 2px; font-size: inherit; color: #ef2f39; vertical-align: top; display: inline-block; } /* 鍥剧墖姣斾緥 */ .box-img[class*='percent'] { overflow: hidden; background-color: #e0e0e0; text-align: center; vertical-align: middle; position: relative; } .box-img[class*='percent'] .box-img-object { max-width: 100%; max-height: 100%; margin: auto; vertical-align: middle; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .box-img.percent1-1 { padding-top: 100%; } .box-img.percent3-1 { padding-top: 33.3333333%; } .box-img.percent3-2 { padding-top: 66.666666%; } /* article */ .content { font-size: 14px; line-height: 24px; color: #333; } .content p { margin-bottom: 14px; text-indent: 2em; } .content p img, .content p embed { max-width: 100%; margin: 0 auto; display: block; } .content p span { text-align: center; font-size: 12px; color: #666; } .content p a { margin: 0 2px; color: inherit; text-decoration: underline; } .content p a:hover { } .content ul, .content ol { text-indent: 2em; } em{ font-style: normal; } .fcRed{ color:#b1303e; } .fcBlue{ color:#0062cc; } a:hover{ color:#ac0013; cursor: pointer; } /*header*/ .top-bar{ height:36px; background-color: #f8f8f8; } .top-bar-left{ font-size:12px; color:#666; line-height: 36px; } .top-bar-right ul li{ display: block; float:left; padding-left:10px; margin-left:10px; position: relative; } .top-bar-right ul li:before{ content:""; display: block; width:1px; height:14px; background-color: #ccc; position: absolute; top:50%; margin-top:-7px; left:0; } .top-bar-right ul li:first-child:before{ display: none; } .top-bar-right ul li a{ font-size:14px; color:#666; line-height: 36px; } .top-bar-right ul li a.login{ color:#b0303e; } .top-bar-right ul li a:hover{ color:#ac0013; } .head{ height:110px; } .head .logo{ width:181px; height:66px; margin-top:22px; } .head .logo img{ width:100%; height:100%; } .head .search-box{ width:511px; height:40px; margin-top:40px; position: relative; } .head .search-box .search input{ width:429px; height:36px; border:1px solid #e5e5e5; outline: none; text-indent: 15px; } .head .search-box .search .btnred{ background-image: url("../css/img/icon_search.png"); background-repeat: no-repeat; background-position: center center; width:80px; height:40px; background-color: #ac0013; position: absolute; right:0; top:0; } .head .search-box .search .btnred:hover{ background-color:#9a0011; } .nav{ height:88px; overflow: hidden; } .nav-bar{ height:56px; background-color: #ac0013; } .nav .nav-list{ position: relative; } .nav .nav-list li{ display: block; float:left; width:119px; } .nav .nav-list li a{ display: block; font-size:16px; color:#fff; line-height: 56px; text-align: center; } .nav .nav-list li:hover,.nav .nav-list li.active{ background:rgba(0,0,0,.1); } div#menu-list{ height:30px; overflow:hidden; border:1px solid #fff; } .menu-list li{ display: block; float:left; } .menu-list li a{ display: block; color:#333 !important; font-size:14px !important; line-height: 30px!important; } .menu-list li:hover a{ color:#fff !important; } div#menu-list .sub-menu { position: absolute; top: 56px; left: 0; right: 0; z-index: 9; display: none; height: 30px; } /* footer */ .footer{ background: #2b2b2b; padding-bottom: 50px; } .footer-left{ width:174px; height:64px; overflow: hidden; padding-top:32px; } .footer-left .logo img{ width:100%; height:100%; } .footer-right{ width:989px; overflow: hidden; } .footer-right .friendLink{ overflow: hidden; padding:32px 0 25px 0; border-bottom: 1px solid #000; } .footer-right .frLink{ display: block; width:86px; height:28px; background: #000; color:#ac0013; font-size:14px; line-height: 28px; text-align: center; margin-top:18px; } .footer-right .link{ width:880px; margin-top:8px; } .footer-right .link a{ display: inline-block; font-size:12px; color:#bbb; line-height: 24px; margin-right:20px; } .footer-right .link a:hover{ color:#fff; } .footer .nav{ background: #2b2b2b; line-height: 56px; } .footer .nav ul li{ width:89px; display: block; float:left; text-align: center; position: relative; } .footer .nav ul li a{ font-size:12px; color:#bbb; } .footer .nav ul li a:hover{ color:#fff; } .footer .nav ul li:before{ content:""; width:1px; height:12px; background: #000; display: block; position: absolute; top:50%; margin-top:-6px; left:0; } .footer .nav ul li:first-child:before{ display: none; } .footer .copyright{ color:#bbb; font-size:12px; } /*缈婚〉*/ .pages{ text-align: center; } .pages a{ padding:5px 10px; border:1px solid #e0e0e0; margin:0 5px; } .pages span{ padding:5px 10px; border:1px solid #e0e0e0; margin:0 5px; } .pages a:hover, .pages a.current{ background-color: #b3100e; color:#fff; } /* table */ table { width: 100%; border-spacing: 0; border-collapse: collapse; table-layout: fixed; border: 1px solid #e6e6e6; } table thead { background-color: #eee; font-weight: bolder; line-height: 38px; } table thead th { line-height: 35px; } table th { font-weight: bolder; } table th, table td { padding: 0 10px; font-size: 14px; line-height: 28px; color: #333; box-sizing: border-box; vertical-align: middle; text-align: center; border: 1px solid #e6e6e6; } table td a:hover { color: #1485d9; } .lsh li .title{ overflow : hidden; -o-text-overflow: ellipsis; text-overflow : ellipsis; white-space : nowrap; padding:0 5px; }